<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head th:replace="admin/_fragments :: head(~{::title})">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>看板调度</title>

		<link rel="stylesheet" href="../../static/css/me.css" />
		<link rel="stylesheet" href="../../static/css/semantic.min.css" />
		<link rel="stylesheet" href="../../static/css/editormd.css" />
		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css" />
	    <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
	</head>

	<body>
		<!--导航  -->
		<nav   th:replace="admin/_fragments :: menu(1)" class="ui inverted attached segment m-padded-tb-mini">
			<div class="ui container">
				<div class="ui inverted secondary stackable menu">
					<h2 class="ui teal header item">博客管理</h2>
					<a href="" class="active m-item item m-mobile-hide"><i class="mini home icon"></i>博客</a>
					<a href="" class="m-item item m-mobile-hide"><i class="mini  idea icon"></i>分类</a>
					<a href="" class="m-item item m-mobile-hide"><i class="mini tags icon"></i>标签</a>
				    
				
				
					<div class="right m-item   m-mobile-hide menu">
					<div class="ui dropdown item">
						<div class="text">
							<img src="../img/01.png"/ class="ui avatar image">
							薛漫天
						</div>
						<i class="dropdown  icon"></i>
						<div class=" menu">
							<a href="#" class="item">注销</a>
						</div>
					</div>	
					</div>

				</div>
			</div>
<a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
	<i class="sidebar icon"></i>
</a>

		</nav>
	<!--头部菜单栏结束-->	
<div class=" ui  attached   pointing menu">
	<div class=" ui container">
		<div class="ui right menu">
			<a href="#" class="item">发布</a>
		<a href="#" class="teal active item " >博客列表</a>
		</div>
		
	</div>
		</div>
		
		<!--头部第二栏结束-->
				<!--中间部分-->
		<div class="m-container-small m-padded-tb-big">


			<div class="required field" id="test-editormd">
						<textarea name="description" placeholder="博客描述..." maxlength="200">
							[TOC]

#### Disabled options

- TeX (Based on KaTeX);
- Emoji;
- Task lists;
- HTML tags decode;
- Flowchart and Sequence Diagram;

#### Editor.md directory

    editor.md/
            lib/
            css/
            scss/
            tests/
            fonts/
            images/
            plugins/
            examples/
            languages/
            editormd.js
            ...

```html
&lt;!-- English --&gt;
&lt;script src="../dist/js/languages/en.js"&gt;&lt;/script&gt;

&lt;!-- 繁體中文 --&gt;
&lt;script src="../dist/js/languages/zh-tw.js"&gt;&lt;/script&gt;
```


						</textarea>
			</div>
			
			<div class="ui container">
				<form action="#" method="post" id="blog-form" class="ui form">
					<!--这里为什么要加影藏的form表单呢-->
					<input type="hidden" value="" name="published"/>
					<input type="hidden" value="" name="id" />
					<div class="required field">
						<div class="ui left labeled input">
							<div class="ui selection compact teal basic dropdown label">
							<input type="hidden" value="原创" name="flag" />
							<i class="dropdown icon"></i>
							<div class="text">
								原创
							</div>
							<div class="menu">
								<div class="item" data-value="原创">
									原创
								</div>
									<div class="item" data-value="转载">
									转载
								</div>
									<div class="item" data-value="翻译">
									翻译
								</div>
							</div>
							
						</div>
						<input type="text" name="标题" placeholder="标题" />
						</div>
						
					</div>
					
					<div class="two fields">
						
						<div class="required field">
						<div class="ui left labeled action input">
						<label class=" ui teal basic label ">分类</label>
						
						
							<div class=" ui  fluid selection  dropdown  ">
								<input type="hidden" name="type.id" id="type.id" value="" />
								
								<i class="dropdown  icon"></i>
								<div class="default text">
									分类
								</div>
								<div class="menu">
									<div class="item" data-vaue="1">
										错误日志
									</div>
								</div>
								
							</div>
							
							
						</div>
					</div>
					<div class=" field">
						<div class="ui left labeled action input">
							<label class="ui compact teal basic label">标签</label>
							<div class="ui fluid selection multiple  search dropdown">
							<input type="hidden" name="tagIds" />
							<i class=" dropdown icon"></i>
							<div class="default text">
								标签
							</div>
							<div class="ui menu">
								<div class="item" data-value="1">
									java
								</div>
							</div>
							</div>
						</div>
					</div>
					
					
					
					</div>
					<div class="required field">
						<div class="ui left labeled input">
							<label class="ui teal basic label">首图</label>
							<input type="text" name="fristPicture" id="fristPicture" value="" placeholder="首图引用地址" />
							
						</div>
					</div>

					
					<div class="inline fields">
						<div class="field">
							<div class="ui checkbox">
								<input type="checkbox" name="recommend" id="recommend" value="" />
								<label for="recommend">推荐</label>
							</div>
						</div>
						<div class="field">
							<div class="ui checkbox">
								<input type="checkbox" name="shareStatement" id="shareStatement" value="" />
							    <label for="shareStatement">转载声明</label>
							</div>
						</div>
						<div class="field">
							<div class="ui  checkbox">
							<input type="checkbox" name="appreciation" id="appreciation" value="" />
							<label for="appreciation">赞赏</label>
							</div>
						</div>
						<div class="field">
							<div class="ui checkbox">
								<input type="checkbox" name="commentabled" id="commentabled" value="" />
						    <label for="commentabled">评论</label>
							</div>
							
						</div>
					</div>
					<!--inline fields结束-->
					<div class="ui error message">
						0
					</div>
					<div class="ui right aligned container">
						<button class="ui  button">返回</button>
						<button class="ui secondary  button">保存</button>
						<button class="ui teal button">发布</button>
					</div>
					
				</form>
			</div>
			
		</div>
		<!--中间部分结束-->
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
       <!--底部-->
		<footer th:replace="/admin/_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive">
			<div class="ui center aligned container">
				<div class="ui inverted divided stackable grid">

					<div class="three wide column">
						<div class="ui inverted link List m-mobile-hide" style="width: 11em;">

							<img src="../img/er.PNG" class="ui rounded image" />
						</div>

					</div>
					<div class="three wide column">
						<h4 class="ui inverted header">最新数据</h4>
						<div class="ui inverted link List">
							<a href="" class="item">用户故事 123 （UserStory） </a>
							<a href="" class="item">用户故事 123 （UserStory） </a>
							<a href="" class="item">用户故事 123 （UserStory） </a>
						</div>

					</div>
					<div class="three wide column">
						<h4 class="ui inverted header m-text-thin m-text-spaced m-opacity-mini">联系我</h4>
						<div class="ui inverted link List">
							<a href="" class="item">Email:1609947354@qq.com </a>
							<a href="" class="item">QQ:1609947354 </a>

						</div>
					</div>
					<div class="seven wide column">
						<h4 class="ui inverted header">FIH</h4>
						<p class="m-text-thin m-text-spaced m-opacity-mini"> 这是我们自己的项目， 当然了廊坊富士康是世界上最好的工程
						</p>
					</div>
				</div>
				<div class="ui inverted section divider"></div>
				<p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright @2016-2017 FIH Designed By LieFuTuerSiTai</p>
			</div>

		</footer>


		<!--/*/  <th:block th:replace="/admin/_fragments :: script">/*/-->
		<script type="text/javascript" src="../../static/js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../../js/semantic.min.js" ></script>
		<!--<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>-->
		<!--/*/ </th:block> /*/-->

	   <script>
	   	/*编辑器插件*/
	   	var testEditor;

            $(function() {
                testEditor = editormd("test-editormd", {
                    width   : "100%",
                    height  : 640,
                    syncScrolling : "single",
                    path    : "/lib/editormd/lib/"
                });
                
                /*
                // or
                testEditor = editormd({
                    id      : "test-editormd",

                    width   : "90%",
                    height  : 640,
                    path    : "../lib/"
                });
                */
            });
	   	/*编辑器插件结束*/
	   	
	   	$('.menu.toggle').click(function(){
	   		$('.m-item').toggleClass('m-mobile-hide')
	   	})
	   	
	   	/*$('#paybutton').popup({
	   		popup:$('.payQ.popup'),
	   		on:'click',
	   		position:'bottom center'
	   	})
	   	*/
	   	$('.ui.dropdown').dropdown({
	   		on:'hover'
	   	})
	   </script>
	   
	 
	
	</body>

</html>